
var 防抖1 =  {
  template: /*html*/`
  <div>
    <div>防抖1-一般方法</div>
    <input :value="text" @input="change">
    <p>{{text}}</p>
  </div> 
    `,
  setup(){
    //防抖, 规定时间内不再次执行某个方法, 利用clearTimeout方法, 清除上一次的准备执行
    const text = ref('')
    let timer = null
    const change = (e) => {
      clearTimeout(timer)
      timer = setTimeout( () => {
        text.value = e.target.value
      }, 1000)
    }

    return {
      text,change
    }
  },
}
